<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

    <title>省市联动</title>
    <script type="text/javascript">
        $(function () {
            //省的值发生变化   市的值也随这发生变化
            $("#province").change(function () {

                //获取value 的值  用于判断
                var province = $("#province").val();
                if (province == 1){
                    //省份选择北京市
                    var htmlStr =
                        "<option value=\"0\">-----请选择城市-----</option>"
                        + "<option value=\"1\">东城区</option>"
                        + "<option value=\"2\">西城区</option>"
                        + "<option value=\"3\">海淀区</option>"
                        + "<option value=\"4\">昌平区</option>";
                    //选择city城市下来框, 赋值内容
                    $("#city").html(htmlStr);
                }

                if (province==2) {
                    //省份选择辽宁省
                    var htmlStr =
                        " <option value=\"0\">请选择城市</option>" +
                        "<option value=\"1\">沈阳市</option>" +
                        "<option value=\"2\">大连市</option>" +
                        "<option value=\"3\">丹东市</option>" +
                        "<option value=\"4\">抚顺区</option>";
                    //将city城市下拉框 赋值内容
                    $("#city").html(htmlStr);
                }
                if (province==3) {
                    //省份选择河北省
                    var htmlStr =
                        " <option value=\"0\">请选择城市</option>" +
                        "<option value=\"1\">石家庄</option>" +
                        "<option value=\"2\">邢台</option>";

                    //将city城市下拉框 赋值内容
                    $("#city").html(htmlStr);
                }


            });


        });
    </script>



</head>

<body>
<table border="2" solid="black" width="600px" >
    <tr>
        <td>
            省：
            <select name="" id="province">
                <option value="0">请选择省份</option>
                <option value="1">北京市</option>
                <option value="2">辽宁省</option>
                <option value="3">河北省</option>
            </select>
        </td>
       <td>
           市：
           <select name="" id="city"></select>
           <option value="0">请选择城市</option>

       </td>
    </tr>

</table>
</body>
</html>